H T M L   -   Hyper Text Markup Language

1.  grundlagen

1.5  attribute

1.5.1  format
Ein attribut enthält zusätzliche informationen für den HTML-befehl. Einige wenige attribute bestehen nur aus einem schlüsselwort, die meisten haben folgendes format:

attribut="wert"

attributschlüsselwort
wert zeichenkette oder numerische angabe in anführungszeichen oder apostrophe eingeschlossen (bei numerischen werten geht es auch ohne, ist aber kein sauberer stil)

1.5.2  attribute zur formatierung
Es gibt zahlreiche attribute um elemente einer seite zu formatieren (breite, höhe, schriftart usw). Diese attribute sind spezifisch für HTML4 und gelten als veraltet. Sie werden in dieser unterlage nicht verwendet.

1.5.3  attribute für identifikation

id="bezeichnung" identifikation des tags
name="bezeichnung" name des tags
die attribute id und name werden für manche operationen mit Javascript benötigt.

Mit bezeichnung wird einem element einer seite ein eindeutiger name zugewiesen, d.h. der name darf in einer seite nur einmal in einem id- oder name-attribut erscheinen. In CSS-vereinbarungen oder Javascript-anweisungen kann man sich auf diese namen beziehen.


1.5.4  attribute für CSS
Auch wenn CSS nicht bestandteil dieser dokumentation ist, werden hier zwei attribute kurz vorgestellt, die zum formatieren von elementen benötigt werden.

style-attribut
Mit diesem attribut werden einem tag CSS-vereinbarungen zur formatierung zugewiesen. Diese vereinbarungen ersetzen die bei nr. 1.5.2 erwähnten, veralteten attribute.

style="eigenschaft: wert; [ eigenschaft: wert; ] . . . "

Eine vereinbarung enthält eine eigenschaft und getrennt durch einen doppelpunkt einen wert für diese eigenschaft, abgeschlossen durch einen strichpunkt. Ohne weitere erklärung zeigt das folgende beispiel ein style-attribut, mit dem einem p-tag eine bestimmte schriftart zugewiesen wird.

<p style="font-family: Arial; font-size: 10pt; font-weight: normal; "> schriftart Arial, 10 punkt, normale schriftdicke mit style-attribut</p>

schriftart Arial, 10 punkt, normale schriftdicke mit style-attribut

Nachstehend werden einige vereinbarungen gezeigt, die in dieser unterlage häufig verwendet werden

width: wert; breite eines elements;
height: wert;höhe eines elements
size: wert;schrift- oder strichdicke
wert ist eine numerische angabe unmittelbar gefolgt von pt für punkt oder px für pixel. Es sind auch andere angaben möglich, auf die hier nicht eingegangen wird.
color: farbe;textfarbe des elements; angabe für farbe; s.u.
background-color: farbe; hintergrundfarbe; angabe für farbe; s.u.

Eine farbe wird entweder als farbwort oder in sedezimaler schreibweise angegeben, nachstehend die gängigsten werte:

farbwortsedezimal farbwortsedezimal farbwortsedezimal farbwortsedezimal
black000000silverBBBBBBnavy 000080blue0000FF
maroon800000redFF0000purple 800080fuchsiaFF00FF
green008000lime00FF00teal 008080aqua00FFFF
olive808000yellowFFFF00gray 808080whiteFFFFFF

Weitere vereinbarungen, die mit dem style-attribut getroffen werden können, sind an geeigneter stelle erklärt.

Nachfolgend ein kleines beispiel für diese attribute: es werden drei querstriche angezeigt, dazu dient das hr-tag, ein allein stehendes tag (beschreibung siehe 4.3), einmal ohne attribut und dann mit dem style-attribut mit vereinbarungen für breite, höhe, farbe und hintergrundfarbe. Seltsamerweise kann man hier nicht mit size die strichdicke vereinbaren.

<p>hier kommen drei querstriche</p>
<hr>
<hr style="width: 300px; color: blue; heigth: 4px;
background-color: blue;">
<hr style="width: 400px; color: #FF0000; height: 7px
background-color: #FF0000;">

und das zeigt der browser an:

hier kommen drei querstriche





class-attribut
Dem attribut wird als wert eine CSS-klasse zugewiesen, die an anderer stelle (meist im header oder einer eigenen datei) vereinbart ist. CSS-klassen enthalten oft viele vereinbarungen. Um die beispiele dieser dokumentation nicht unnötig zu verkomplizieren, wird gelegentlich das class- attribut verwendet. Das folgende beispiel zeigt die vereinbarung und verwendung der klasse std, mit der ein text mit schriftart Arial, 10 punkt angezeigt wird. So ähnlich sind auch die anderen klassen aufgebaut, die in der dokumentation verwendet, aber nicht näher erklärt werden.

<style type="text/css">
.std { font-family: Arial; font-style: normal;
        font-size: 10pt; font-weight: normal;
        }
</style>

<p class="std"> schriftart Arial, 10 punkt, normale schriftdicke
        mit class-attribut</p>

schriftart Arial, 10 punkt, normale schriftdicke mit class-attribut


zum untermenü


    IMPRESSUM  

    KONTAKT  

    PRIVAT  

    D O K U  


  h t m l
  C S S  
  P H P  
  My S Q L  
  JAVASCRIPT